<%@page pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<fmt:setLocale value="fr" />
<fmt:setBundle basename="bienvenida.index"
               var="bundle" />
<!DOCTYPE html>
<html>
    <head>
        <title>BankOf :: Bienvenida</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="estilos/default.css" />
        <link rel="alternate stylesheet" type="text/css" 
              title="Alta accesibilidad" href="estilos/altaaccesibilidad.css" />
    </head>
    <body>
        <div id="cabecera">
            <h1><fmt:message bundle="${bundle}" key="bienvenida.titulo"/></h1>
            <span>
                <a id="autologin" href="app/autologin/index.jsp" >
                    <img src="imagenes/botonlogin.jpg" alt="Login"/>
                </a>
                <img class="logotipo" src="imagenes/logo.jpg" />
            </span>
        </div>
        <div id="descripcion">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales nibh at odio tincidunt imperdiet. Phasellus facilisis euismod risus. Pellentesque ante dui, scelerisque non porttitor vitae.
            </p>
            <p>
                Phasellus molestie imperdiet nisi, <span class="advertencia">sed auctor purus laoreet</span> sed. Pellentesque at lectus quam. Sed tempus, elit sed suscipit scelerisque, sem elit congue massa, at luctus massa urna vel nibh. Quisque porta scelerisque dui, et pellentesque justo mattis vehicula. Cras lacinia lacinia laoreet.
            </p>
        </div>
        <div id="principal">
            <h2>Opciones disponibles</h2>
            <ul class="menu">
                <li><a href="app/posiciongeneral/">Posición general</a></li>
                <li><a href="app/productosinversion/">Productos de inversión</a></li>
                <li><a href="app/tarjetas/">Tarjetas</a></li>
                <li><a href="app/transferencias/ctrl">Transferencias</a></li>
            </ul> 
        </div>        
        <div id="piepagina">
            <p>Phasellus loboris <span class="advertencia">purus in metus</span> hendrerit vitae semper magna viverra.</p>
        </div>
    </body>
</html>
